import { Text, View } from "react-native";



// 定义props接口
interface ChildProps {
color:string;
name:string;
}
export default function App(){
  return(
    <View>
      <Text>========</Text>
      {/* 1.父组件开始传递 */}
      <Child color="red" name="jack"/>
      <Text>------</Text>
    </View>
  );
}

// 子组件
// 2 子组件接收
function Child(props:ChildProps){
  return(
    <View>
      <Text>========</Text>
      {/* 3.子组件使用 props 使用属性 */}
      <Text style={{color:props.color}}>姓名: {props.name}</Text>
    </View>
  );
}